<template>
  <q-scroll-area :visible="false" class="fit" :thumb-style="thumbStyleOfMenu">
    <div>
      <!-- 动态菜单 -->
      <q-list>
        <base-menu-item
          :my-router="menuList"
          :init-level="0"
          :bg-color="bgColor"
          :duration="300"
          :bg-color-level="1"
        />
      </q-list>
    </div>
  </q-scroll-area>
</template>

<script>
import { thumbStyleOfMenu } from "../BaseContent/ThumbStyle";
import BaseMenuItem from "./BaseMenuItem";
export default {
  name: "base-menu",
  components: { BaseMenuItem },
  data() {
    return {
      menuList: this.$store.getters.getRoutes[0].children,
      bgColor: "bg-white",
      thumbStyleOfMenu
    };
  }
};
</script>
